<template>
  <div class="home">
    <attendance-header />
    <el-container>
      <aside-nav />
      <el-main>
        <div class="router-view">
          <box-crumb />
          <div class="main-body">
            <router-view></router-view>
          </div>
        </div>
      </el-main>
    </el-container>
  </div>
</template>

<script>
import AttendanceHeader from "@/components/Header/index";
import AsideNav from "@/components/Aside/index";
import BoxCrumb from "@/components/BoxCrumb/Index";

export default {
  name: "Home",
  components: {
    AttendanceHeader,
    AsideNav,
    BoxCrumb,
  },
};
</script>
<style lang="scss" scoped>
.home{
  height: 100vh;
  overflow: hidden;
  .el-main {
  .router-view {
    border: 1px solid #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 7px 6px 0 #1906026e;
    .main-body {
      background-color: #fff;
      height: 85vh;
    }
  }
}
}

</style>
